// pages/map/map.js
const QQMapWX = require("../../lips/qqmap-wx-jssdk");
const qqMapSDK = new QQMapWX({
  key: "T4KBZ-GOIR7-3NHX4-P4BQQ-IUIO3-6ZF62"
})
const map = wx.createMapContext("mymap");
Page({

  /**
   * 页面的初始数据
   */
  data: {
    markers: [{
      id: 1, // 标记点id
      iconPath: 'https://p0.ssl.qhimgs1.com/t01e84ed2bd858e4d24.jpg', // 图标路径
      longitude: 113.324520, // 经度
      latitude: 37.05983, // 维度（广州市）
      width: 20,
      height: 20,
    }],
    lgt: "114.46816",
    ltt: "27.05983"
  },
  onJust(){
    wx.navigateTo({
      url: '/pages/coupon/coupon',
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
     

    qqMapSDK.search({
      keyword: '餐厅',
      success: (res) => {
        //当正确访问到接口后,正常执行
        
        console.log(res)
        console.log("调用成功")
        for(let i = 0;i<10;i++){
          // console.log(res.data[i].location.lng);
          // console.log(res.data[i].location.lat);
          var obj = {
            id:i,
            iconPath: 'https://p0.ssl.qhimgs1.com/t01e84ed2bd858e4d24.jpg',
            longitude:res.data[i].location.lng,
            latitude:res.data[i].location.lat,
            width: 20,
            height: 20,
          };
          console.log(obj.longitude);
          console.log(obj.latitude);
          this.data.markers[i] = obj;
        }
        this.setData({markers:this.data.markers});
         
      },
      fail: (res) => {
        //当接口调用次数用尽后,开始自己瞎编数组塞入数据,制作假的随机标点
        //保证标点位置在定位附近
        console.log(res)
        console.log("调用失败")
        for(let i = 0;i<10;i++){
          var rad1 = Math.random()*0.005.toFixed(5)-0.002
          var rad2 = Math.random()*0.005.toFixed(5)-0.002
          // console.log(rad1);
          // console.log(rad2);    
          var obj = {
            id:i,
            iconPath: 'https://p0.ssl.qhimgs1.com/t01e84ed2bd858e4d24.jpg',
            longitude:parseFloat(this.data.lgt)+rad1,
            latitude:parseFloat(this.data.ltt)+rad2,
            width: 20,
            height: 20,
          };
          // console.log(obj.longitude);
          // console.log(obj.latitude);
          this.data.markers[i] = obj;
        }
        this.setData({markers:this.data.markers});
        
      }
    })
    map.moveToLocation();
 
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
   
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
      //定位
      wx.getLocation({
        type: 'gcj02',
        success: res => {
          this.setData({lgt:res.longitude,ltt:res.latitude});
          console.log("定位");
          map.moveToLocation();
        }
      })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})